var data = [
    // {
    //     _img:'图片地址',
    //     tag:'标签',
    //     title:'标题',
    //     presentation:'介绍',
    //     timer:'时间',
    //     num:'数量'
    // }
    {
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    },{
        _img:'images/73-1-480x300.jpg',
        tag:'APP推广',
        title:'如何在冷启动期获得种子用户？',
        presentation:'对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。',
        timer:'1小时前',
        num:'965'
    },{
        _img:'images/25-1-480x300.jpg',
        tag:'产品运营',
        title:'产品在4个周期的运营策略！',
        presentation:'产品做得那么好，为什么上线后一周用户增长并不大？相比很多运营人员在面对产品经理的质问时都会或多或少怀疑自己的运营方案。其实APP和其他产品一样，也有其生命周期，在产品的不同生命周期中，各种运营方法产生的效果也自然不同，因此对于不同的阶段也应使用不同的运营策略。',
        timer:'2天前',
        num:'12.49K'
    },{
        _img:'images/28-7-480x300.jpg',
        tag:'品牌营销',
        title:'新品牌，用内容IP做代言',
        presentation:'本来想写关于品牌热搜专题系列，从品牌热搜内容切入，观察各大品牌在电商重大节点期间站外传播造势打法。结果网信部一则处罚新闻突然而至，微博热搜榜被临时下架一周，榜单话题定格在6月10日下午3点。现把之前写过的系列第一篇稍微调整下，抛出来发散探讨，希望对大家有帮助。',
        timer:'5天前',
        num:'66K'
    },{
        _img:'images/32-480x300.jpg',
        tag:'文案圈',
        title:'为什么写不好文案？',
        presentation:'对于文案来说，多看多练是非常有必要的。但是，很多人有这样的疑问：为什么看了很多案例，依然写不好文案？本文作者从三个角度对这个问题进行了分析，对文案感兴趣的童鞋不要错过。',
        timer:'6小时前',
        num:'1620'
    },{
        _img:'images/58-1-480x300.jpg',
        tag:'移动互联网',
        title:'最新百度信息流产品手册，带你全面了解百度产品',
        presentation:'本篇给大家分享的是2月最新《百度信息流广告产品手册》，如果你对百度信息流还不够了解，那得仔细往下看了',
        timer:'2个月前',
        num:'195.25K'
    }
]


//获取元素
var dateNew = []
var _ul = document.getElementsByClassName('sec-body')[0]
console.log(_ul)
var sec_foot = document.getElementsByClassName('sec-foot')[0]
var sec = document.getElementsByClassName('sec-head')
console.log(_li)
//显示的条数
var _num = 10


xuanRan(data)

//渲染
function xuanRan(arr){
    _ul.innerHTML = ''
    arr.forEach(function(item,index){
        if(index <= _num){
            _ul.innerHTML += '<li class="sec-list"><div class="listLeft"><a href="#"><img src="' + item._img + '"alt=""><b>' + item.tag + '</b></a></div><div class="listRight"><h3><a href="#">' + item.title + '</a></h3><h4>' + item.presentation + '</h4><p>'+ item.timer + '<span>' + item.num + '</span></p></div></li>' 
        }
    })


    sec_foot.onclick = function () {
        _num += 5
        //等一秒再渲染出来
        var date = setTimeout(function () {
            _ul.innerHTML = ""
            xuanRan(arr)
            scrollTest()
            //点击加载之后也需要 调用 scrollTest()

        }, 100)
        // scrollTest() 不能放在 延时器外面，因为延时功能要 0.8s后才执行
        //渲染，此时高度还没变化，就已经执行了 scrollTest()

    }
}

//选项卡
